require("../../assets/css/reset.css");
require("../../assets/css/common.css");
require("../../assets/css/normalize.css");
require("../../assets/fonts/iconfont.css");
require("./login.css");
// 获取公共js
let { $ } = require("../../utils/dom.js");
const axios = require("axios");
// 验证码

document.addEventListener("DOMContentLoaded", function () {
	function foc() {
		$("input").forEach(function (v) {
			// 获取焦点添加样式
			v.addEventListener("focus", function () {
				$("input").forEach(function (v) {
					v.classList.remove("inputs");
				});
				v.classList.add("inputs");
			});
			// 失去焦点切换样式
			v.addEventListener("blur", function () {
				$("input").forEach(function (v) {
					v.classList.remove("inputs");
				});
			});
		});
	}
	foc();

	function foc() {
		$("input").forEach(function (v) {
			// 获取焦点添加样式
			v.addEventListener("focus", function () {
				$("input").forEach(function (v) {
					v.classList.remove("inputs");
				});
				v.classList.add("inputs");
			});
			// 失去焦点切换样式
			v.addEventListener("blur", function () {
				$("input").forEach(function (v) {
					v.classList.remove("inputs");
				});
			});
		});
	}
	foc();

	$("#btn").addEventListener("click", async function () {
		// 获取账号的值
		let tel = $("#tel").value;
		// 获取密码的值
		let password = $("#password").value;
		if ((tel && password) === "") {
			return;
		} else {
			// 表单验证请求
			let res = await axios.post(
				"http://fitness.h5.itsource.cn:3701/api/user/login",
				{
					// 账号
					account: tel,
					// 密码
					password: password,
				}
			);
			//成功后执行
			if (res.data.errno === 0) {
				localStorage.setItem("token", res.data.data.token); //将token储存起来,以备后用
				alert("恭喜你,登录成功!");
				location.href = "./index.html";
				// 登录成功之后，获取返回的token存储起来，用于验证用户状态
				localStorage.setItem("token",res.data.data.token)
			} else {
				$(".tel").textContent = `${res.data.message}！账号或密码错误`;
			}

		}
	});
});
